﻿body {
	margin:0;
	padding:0;
	background:#fff url(images/header_bg.png) repeat-x;
	font-size:12px;
	color:#333;
}
ul,dl,dd,h2,p,form {
	padding:0;
	margin:0;
}
ul li {
	list-style-type:none;
}
#header {
	width:900px;
	height:30px;
	margin:0 auto;
}
#header .logo {
	width:100px;
	height:30px;
	float:left;
}
#header .logo img {
	display:block;
}
#header .member {
	width:70px;
	height:30px;
	line-height:30px;
	float:right;
	background:url(images/arrow.png) no-repeat 55px center;
	cursor:pointer;
	position:relative;
}
#header ul {
	position:absolute;
	top:30px;
	left:-20px;
	background:#FBF7E1;
	width:100px;
	height:0px;
	border:1px solid #999;
	border-top:none;
	padding:10px 0 0 0;
	display:none;
	opacity:0;
	filter:alpha(opacity=0);
	overflow:hidden;
}
#header ul li {
	height:25px;
	line-height:25px;
	text-indent:20px;
	letter-spacing:1px;
}
#header ul li a {
	display:block;
	text-decoration:none;
	color:#333;
	background:url(images/arrow3.gif) no-repeat 5px 45%;
}
#header ul li a:hover {
	background:#fc0 url(images/arrow4.gif) no-repeat 5px 45%;
}
#header .login, #header .reg {
	float:right;
	width:35px;
	height:30px;
	line-height:30px;
	cursor:pointer;
}
#screen {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	z-index:9998;
	filter:alpha(opacity=0);
	opacity:0;
	display:none;
}
#login {
	width:350px;
	height:250px;
	border:1px solid #ccc;
	position:absolute;
	display:none;
	z-index:9999;
	background:#fff;
}
#login h2 {
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	color:#666;
	background:url(images/login_header.png) repeat-x;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	margin:0 0 20px 0;
	cursor:move;
}
#login h2 img {
	float:right;
	position:relative;
	top:14px;
	right:8px;
	cursor:pointer;
}
#login div.user, #login div.pass {
	font-size:14px;
	color:#666;
	padding:5px 0;
	text-align:center;
}
#login input.text {
	width:200px;
	height:25px;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
}
#login .button {
	text-align:center;
	padding:20px 0;
}
#login input.submit {
	width:107px;
	height:30px;
	background:url(images/login_button.png) no-repeat;
	border:none;
	cursor:pointer;
}
#login .other {
	text-align:right;
	padding:15px 10px;
	color:#666;
}
#reg {
	width:600px;
	height:550px;
	border:1px solid #ccc;
	position:absolute;
	display:none;
	z-index:9999;
	background:#fff;
}
#reg h2 {
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	color:#666;
	background:url(images/login_header.png) repeat-x;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	margin:0 0 20px 0;
	cursor:move;
}
#reg h2 img {
	float:right;
	position:relative;
	top:14px;
	right:8px;
	cursor:pointer;
}
#reg dl {
	font-size:14px;
	color:#666;
	margin:20px;
	padding:0 0 0 10px;
	position:relative;
}
#reg dl dd {
	height:30px;
	padding:5px 0;
}
#reg dl dd input.text, #reg dl dd select {
	width:200px;
	height:25px;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
	color:#666;
}
#reg dl dd select {
	width:202px;
}
#reg dl dd.birthday select {
	width:70px;
}
#reg dl dd textarea {
	width:360px;
	height:100px;
	background:#fff;
	border:1px solid #ccc;
}
#reg dl dd.ps {
	padding:0 0 0 300px;
}
#reg dl dd.ps strong.num {
	padding:0 2px;
}
#reg dl dd.ps span.clear {
	color:#06f;
	cursor:pointer;
}
#reg dl dd input.submit {
	width:143px;
	height:33px;
	background:url(images/reg.png) no-repeat;
	border:none;
	cursor:pointer;
}
#reg dl dd span.info, #reg dl dd span.error, #reg dl dd span.succ {
	display:block;
	font-size:12px;
	color:#333;
	width:165px;
	height:32px;
	line-height:32px;
	padding:0 0 0 35px;
	position:absolute;
	letter-spacing:1px;
	display:none;
}
#reg dl dd span.info {
	background:url(images/reg_info.png) no-repeat;
}
#reg dl dd span.error {
	background:url(images/reg_error.png) no-repeat;
}
#reg dl dd span.succ {
	height:14px;
	line-height:14px;
	background:url(images/reg_succ.png) no-repeat;
	padding:0 0 0 20px;
	color:green;
}
#reg dl dd span.info_user {
	height:43px;
	line-height:18px;
	padding-top:7px;
	background:url(images/reg_info2.png) no-repeat;
	top:3px;
	left:295px;
}
#reg dl dd span.error_user {
	top:3px;
	left:295px;
}
#reg dl dd span.succ_user {
	top:12px;
	left:295px;
}
#reg dl dd span.info_pass {
	width:244px;
	height:102px;
	padding:4px 0 0 16px;
	background:url(images/reg_info3.png) no-repeat;
	top:5px;
	left:295px;
	letter-spacing:0;
}
#reg dl dd span.info_pass p {
	height:25px;
	line-height:25px;
	color:#666;
}
#reg dl dd span.info_pass p strong.s {
	color:#ccc;
}
#reg dl dd span.error_pass {
	top:43px;
	left:295px;
}
#reg dl dd span.succ_pass {
	top:52px;
	left:295px;
}
#reg dl dd span.info_notpass {
	top:83px;
	left:295px;
}
#reg dl dd span.error_notpass {
	top:83px;
	left:295px;
}
#reg dl dd span.succ_notpass {
	top:92px;
	left:295px;
}
#reg dl dd span.info_ans {
	top:163px;
	left:295px;
}
#reg dl dd span.error_ans {
	top:163px;
	left:295px;
}
#reg dl dd span.succ_ans {
	top:172px;
	left:295px;
}
#reg dl dd span.info_email {
	top:203px;
	left:295px;
}
#reg dl dd span.error_email {
	top:203px;
	left:295px;
}
#reg dl dd span.succ_email {
	top:212px;
	left:295px;
}
#reg dl dd span.error_ques {
	top:123px;
	left:295px;
}
#reg dl dd span.error_birthday {
	top:241px;
	left:350px;
}
#reg dl dd ul.all_email {
	width:180px;
	height:130px;
	background:#fff;
	padding:5px 10px;
	position:absolute;
	top:233px;
	left:87px;
	border:1px solid #ccc;
	display:none;
}
#reg dl dd ul.all_email li {
	height:25px;
	line-height:25px;
	border-bottom:1px solid #e5edf2;
	padding:0 5px;
	cursor:pointer;
}
#nav {
	width:465px;
	height:52px;
	background:url(images/nav_bg.png) no-repeat;
	margin:50px auto 0 auto;
	position:relative;
}
#nav ul {
	position:absolute;
}
#nav ul li {
	width:85px;
	height:52px;
	line-height:52px;
	text-align:center;
	font-weight:bold;
	float:left;
}
#nav ul.black {
	left:20px;
	color:#333;
	z-index:1;
}
#nav ul.white {
	width:425px;
	color:#fff;
	z-index:3;
	left:0;
}
#nav ul.about {
	z-index:4;
	left:20px;
	cursor:pointer;
	background:red;
	filter:alpha(opacity=0);
	opacity:0;
}
#nav div.nav_bg {
	width:85px;
	height:52px;
	background:url(images/nav_over.png) no-repeat 0 11px;
	position:absolute;
	left:20px;
	top:0px;
	z-index:2;
	overflow:hidden;
}
#main {
	width:900px;
	margin:50px auto;
}
#sidebar {
	width:250px;
	height:500px;
	float:left;
}
#sidebar h2 {
	width:248px;
	height:30px;
	line-height:30px;
	font-size:14px;
	background:url(images/side_h.png);
	text-indent:10px;
	border:1px solid #ccc;
	border-bottom:none;
	margin:0;
}
#sidebar ul {
	height:150px;
	border:1px solid #ccc;
	margin:0 0 10px 0;
	overflow:hidden;
	opacity:1;
	filter:alpha(opacity=100);
}
#sidebar ul li {
	height:30px;
	line-height:30px;
	background:url(images/arrow4.gif) no-repeat 12px 45%;
	text-indent:30px;
}
#sidebar ul li a {
	text-decoration:none;
	color:#333;
}
#index {
	width:630px;
	height:500px;
	background:#eee;
	float:right;
}
#share {
	width:210px;
	height:315px;
	border:1px solid #ccc;
	position:absolute;
	top:0;
	left:-211px;
	background:#fff;
}
#share h2 {
	height:30px;
	line-height:30px;
	background:#eee;
	padding:0;
	margin:0;
	font-size:14px;
	color:#666;
	text-indent:10px;
}
#share ul {
	height:254px;
	padding:3px 0 2px 5px;
}
#share ul li {
	width:96px;
	height:28px;
	float:left;
	padding:2px;
}
#share ul li a {
	display:block;
	width:95px;
	height:26px;
	line-height:26px;
	text-decoration:none;
	color:#666;
	background-image:url(images/share_bg.png);
	background-repeat:no-repeat;
	text-indent:30px;
}
#share ul li a.a {
	background-position:5px 4px;
}
#share ul li a.b {
	background-position:5px -26px;
}
#share ul li a.c {
	background-position:5px -56px;
}
#share ul li a.d {
	background-position:5px -86px;
}
#share ul li a.e {
	background-position:5px -116px;
}
#share ul li a.f {
	background-position:5px -146px;
}
#share ul li a.g {
	background-position:5px -176px;
}
#share ul li a.h {
	background-position:5px -206px;
}
#share ul li a.i {
	background-position:5px -236px;
}
#share ul li a.j {
	background-position:5px -266px;
}
#share ul li a.k {
	background-position:5px -296px;
}
#share ul li a.l {
	background-position:5px -326px;
}
#share ul li a.n {
	background-position:5px -356px;
}
#share ul li a.m {
	background-position:5px -386px;
}
#share ul li a.o {
	background-position:5px -416px;
}
#share ul li a.p {
	background-position:5px -446px;
}
#share ul li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	background-color:#eee;
	color:#06f;
}
#share .share_footer {
	height:26px;
	background:#eee;
	position:relative;
}
#share .share_footer a {
	position:absolute;
	top:7px;
	left:140px;
	padding:0 0 0 13px;
	background:#eee url(images/share_bg.png) no-repeat 0 -477px;
	text-decoration:none;
	color:#666;
}
#share .share_footer a:hover {
	color:#06f;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#share .share_footer span {
	display:block;
	width:24px;
	height:88px;
	position:absolute;
	top:-230px;
	left:210px;
	background:url(images/share.png) no-repeat;
	cursor:pointer;
}





